<room-type1
        mks-draggable
        init-pos-x="400"
        init-pos-y="10"
        change-hovered-seat="changeHoveredSeat(seat)"
        select-seat="selectSeat(seat)"
        unselect-seat="unselectSeat(seat)"
        style="width: 700px;height: 550px "
>
    <!--左边第一排-->
    <seat-block-type1 x="100px" y="10px">
        <seat-row-type1>
            <seat-type1 seat-model="seats[19]" direction="top"></seat-type1>
            <seat-type1 seat-model="seats[18]" direction="top"></seat-type1>
        </seat-row-type1>
        <seat-row-type1>
            <seat-type1 seat-model="seats[20]" direction="bottom"></seat-type1>
            <seat-type1 seat-model="seats[21]" direction="bottom"></seat-type1>
        </seat-row-type1>
    </seat-block-type1>
    <!--左边第二排-->
    <seat-block-type1 x="100px" y="180px">
        <seat-row-type1>
            <seat-type1 seat-model="seats[23]" direction="top"></seat-type1>
            <seat-type1 seat-model="seats[22]" direction="top"></seat-type1>
        </seat-row-type1>
        <seat-row-type1>
            <seat-type1 seat-model="seats[24]" direction="bottom"></seat-type1>
            <seat-type1 seat-model="seats[25]" direction="bottom"></seat-type1>
        </seat-row-type1>
    </seat-block-type1>
    <!--左边第三排-->
    <seat-block-type1 x="100px" y="350px">
        <seat-row-type1>
            <seat-type1 seat-model="seats[27]" direction="top"></seat-type1>
            <seat-type1 seat-model="seats[26]" direction="top"></seat-type1>
        </seat-row-type1>
    </seat-block-type1>
    <!--右边第一排-->
    <seat-block-type1 x="320px" y="10px">
        <seat-row-type1>
            <seat-type1 seat-model="seats[17]" direction="top"></seat-type1>
            <seat-type1 seat-model="seats[16]" direction="top"></seat-type1>
            <seat-type1 seat-model="seats[15]" direction="top"></seat-type1>
        </seat-row-type1>
        <seat-row-type1>
            <seat-type1 seat-model="seats[12]" direction="bottom"></seat-type1>
            <seat-type1 seat-model="seats[13]" direction="bottom"></seat-type1>
            <seat-type1 seat-model="seats[14]" direction="bottom"></seat-type1>
        </seat-row-type1>
    </seat-block-type1>
    <!--右边第二排-->
    <seat-block-type1 x="320px" y="180px">
        <seat-row-type1>
            <seat-type1 seat-model="seats[11]" direction="top"></seat-type1>
            <seat-type1 seat-model="seats[10]" direction="top"></seat-type1>
            <seat-type1 seat-model="seats[9]" direction="top"></seat-type1>
        </seat-row-type1>
        <seat-row-type1>
            <seat-type1 seat-model="seats[6]" direction="bottom"></seat-type1>
            <seat-type1 seat-model="seats[7]" direction="bottom"></seat-type1>
            <seat-type1 seat-model="seats[8]" direction="bottom"></seat-type1>
        </seat-row-type1>
    </seat-block-type1>
    <!--右边第三排-->
    <seat-block-type1 x="320px" y="350px">
        <seat-row-type1 >
            <seat-type1 seat-model="seats[5]" direction="top"></seat-type1>
            <seat-type1 seat-model="seats[4]" direction="top"></seat-type1>
            <seat-type1 seat-model="seats[3]" direction="top"></seat-type1>
        </seat-row-type1>
        <seat-row-type1>
            <seat-type1 seat-model="seats[0]" direction="bottom"></seat-type1>
            <seat-type1 seat-model="seats[1]" direction="bottom"></seat-type1>
            <seat-type1 seat-model="seats[2]" direction="bottom"></seat-type1>
        </seat-row-type1>
    </seat-block-type1>
</room-type1>